<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>梅兰商城</title>
	<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<!-- 导航快捷键 -->
<!-- .top-nav>.top-nav-con>.top-nav-l+.top-nav-r>ul>li*6>a[#] -->


<!--顶部导航开始 -->
<div class="top-nav">
	<div class="top-nav-con">
		<div class="top-nav-l fl">您好，欢迎来到素材网</div>
		<div class="top-nav-r fr">
			<ul>
				<li><a href="#">网站导航</a></li>
				<li><a href="#">客服中心</a></li>
				<li><a href="#">建材服务</a></li>
				<li><a href="#">我的收藏</a></li>
				<li><a href="#">我的商务室</a></li>
				<li><a href="#">素材网首页</a></li>
			</ul>
		</div>
	</div>
</div>

<!-- 顶部导航结束-->
<!-- logo部分开始 -->
<!-- .logo>.logo-pic>img^.search>input+input -->
<div class="logo">
	<div class="logo-pic fl"><img src="images/1.png" alt=""></div>
	<div class="search fr"><input type="text"  value="请输入关键字"><input type="botton"></div>
</div>

<!-- logo部分结束 -->

<!-- 主导航开始 -->
	<!-- .nav>ul>li*4>a[#] -->
	<div class="nav">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">建筑材料</a></li>
			<li><a href="#">儿童安全座椅</a></li>
			<li><a href="#">工艺美术品</a></li>
		</ul>
	</div>

<!-- 导航结束 -->
<!-- 商机市场开始 -->
	<!-- .mar>(.mar-lift>.mar-title+.mar-list>ul>li.icon$*6>a[#])+.mar-cen>img^.mar-right>img*2 -->
	<div class="mar">
		<div class="mar-lift fl">
			<div class="mar-title">商机市场</div>
			<div class="mar-list">
				<ul>
					<li class="icon1"><a href="#">建筑材料</a></li>
					<li class="icon2"><a href="#"></a>儿童安全座椅</li>
					<li class="icon3"><a href="#"></a>工艺美术品</li>
					<li class="icon4"><a href="#">建筑材料</a></li>
					<li class="icon5"><a href="#">儿童安全座椅</a></li>
					<li class="icon6"><a href="#">工艺美术品</a></li>
				</ul>
			</div>
		</div>
		<div class="mar-cen fl"><img src="images/center.png" alt=""></div>
		<div class="mar-right fr"><img src="images/center-r.png" alt=""><img src="images/center-r2.png" alt=""></div>
	</div>

	<!-- 商机市场结束 -->
    <!-- 建筑材料列表开始 -->
    <div class="bud">
    	建筑材料
    </div>
	<!-- 建筑材料列表结束 -->

	<!-- 建筑材料列表 -->
	<div class="pro">
		<div class="pro-lift fl">
			<!-- .pro-pic-t>(.pro-pic-l>.pro-pic-ll>.pro-pic-llt+.pro-pic-btn)+.pro-pic-lr>p.text$*6 -->
			<div class="pro-lift-t">
				<div class="pro-pic-l fl">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

				<div class="pro-pic-l fr">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

			</div>

			<!--左边盒子中线 -->
			<div class="pro-line"></div>

			<div class="pro-lift-t">
				<div class="pro-pic-l fl">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

				<div class="pro-pic-l fr">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

			</div>

		</div>
		<div class="pro-right fr">
			<div class="pro-right-title">建材资讯</div>
			<!-- ul>li*6>a[href=#]{贵阳钢铁市场7月17日价格行情}					 -->
			<ul>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
			</ul>

		</div>
	</div>

	<!-- 建材列表内容结束 -->
	<div class="bud">
		儿童安全座椅
	</div>
	<!-- .child>.child-left>(.child-left-title>h3^.child-left-content>(.child-pic>img+p.edit$*4)*4)^.child-right>img*2 -->
	<div class="child">
		<div class="child-left fl">
			<div class="child-left-title">
				<h3>详情请点击>></h3>
			</div>
			<div class="child-left-content">
				<div class="child-pic fl">
					<img src="./images/et01.png" alt="">
					<p class="edit1">英国百代适-至尊者（带<br>
					ISOFIX）奔驰宝马专用</p>
					<p class="edit2">适合年龄9个月-4岁</p>
					<p class="edit3">市场价：<del>¥5580</del></p>
					<p class="edit4">直销价：<span>¥3380</span></p>
				</div>

				<div class="child-pic fl">
					<img src="./images/et01.png" alt="">
					<p class="edit1">英国百代适-至尊者（带<br>
					ISOFIX）奔驰宝马专用</p>
					<p class="edit2">适合年龄9个月-4岁</p>
					<p class="edit3">市场价：<del>¥5580</del></p>
					<p class="edit4">直销价：<span>¥3380</span></p>
				</div>

				<div class="child-pic fl">
					<img src="./images/et01.png" alt="">
					<p class="edit1">英国百代适-至尊者（带<br>
					ISOFIX）奔驰宝马专用</p>
					<p class="edit2">适合年龄9个月-4岁</p>
					<p class="edit3">市场价：<del>¥5580</del></p>
					<p class="edit4">直销价：<span>¥3380</span></p>
				</div>


				<div class="child-pic fl">
					<img src="./images/et01.png" alt="">
					<p class="edit1">英国百代适-至尊者（带<br>
					ISOFIX）奔驰宝马专用</p>
					<p class="edit2">适合年龄9个月-4岁</p>
					<p class="edit3">市场价：<del>¥5580</del></p>
					<p class="edit4">直销价：<span>¥3380</span></p>
				</div>
			</div>

		</div>
		<div class="child-right fr">
			<img src="images/et_right.png" alt="">
			<img src="images/et_right_bottom.png" alt=""></div>
	</div>


	 <!-- 工艺艺术开始 -->
	 <div class="bud">
    	工艺艺术品
    </div>
	<!-- 工艺艺术结束 -->

	<!-- 工艺艺术列表 -->
	<div class="pro">
		<div class="pro-lift fl">
			<!-- .pro-pic-t>(.pro-pic-l>.pro-pic-ll>.pro-pic-llt+.pro-pic-btn)+.pro-pic-lr>p.text$*6 -->
			<div class="pro-lift-t">
				<div class="pro-pic-l fl">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

				<div class="pro-pic-l fr">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

			</div>

			<!--左边盒子中线 -->
			<div class="pro-line"></div>

			<div class="pro-lift-t">
				<div class="pro-pic-l fl">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

				<div class="pro-pic-l fr">
					<div class="pro-pic-ll fl">
						<div class="pro-pic-llt"><img src="images/c1.png" alt=""></div>
						<div class="pro-pic-btn"><input type="button"></div>
					</div>

					<div class="pro-pic-lr fl ">
						<p class="text1">好太太晾衣架 铝钛合金 升降双杆</p>
						<p class="text2">自动换挡 安全耐用<br>稳定性好 抗氧化强</p>
						<p class="text3"><span>239.0</span><del>¥386.00</del></p>
						<p class="text4">限量<span>99</span>件已售出<span>20</span>件</p>

					</div>
				</div>

			</div>

		</div>
		<div class="pro-right fr">
			<div class="pro-right-title">艺术品资讯</div>
			<!-- ul>li*6>a[href=#]{贵阳钢铁市场7月17日价格行情}	 -->
			<ul>
				<li class="subtitle"><img src="images/subtitle.png" alt="">
				<p>在装灯具时，如果装上分开关，可以省去很多烦恼，因为如果只有一个总开关</p></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
				<li><a href="#">贵阳钢铁市场7月17日价格行情</a></li>
			</ul>

		</div>
	</div>
	<!-- 工艺艺术列结束 -->

	<!-- 友情链接 -->
	<div class="friendlink">
		<div class="frlink">友情链接:</div>
		<ul>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
			<li><a href="#">爱加盟网</a></li>
		</ul>
	</div>
	<div class="copyright">
		<ul>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
			<li><a href="#">关于我们</a></li>
		</ul>
		<p>中国建网 版权所有 2000-20012 服务热线：0571-98899898 请与我们联</p>
		<p class="copy">建材网会员互动群：12312313213本网实名:中建网</p>
	</div>				


</body>
</html>
